var MainPage_Flow = window.NameSpace || {};

var MP_LASTUPDATE_TIME = null;
MainPage_Flow.createFlowmon = function(divId) {
	var dom = document.getElementById(divId);
	MP_GL_FLOW = echarts.init(dom);

	// 3G流量（从联通取），卫星流量（从电信取），ATG流量
	// 地面专线总流量
	// 互联网出口流量（从电信取）
	MainPage_Flow.loadFlow();

	return MP_GL_FLOW;

}

MainPage_Flow.loadFlow = function() {// 按小时统计
	var option = {
		color : [ '#00a1ff', '#ffae00', '#4ed852', '#ed7fbd', '#ad7fbd' ],
		legend : {
			x : 'right',
			y : 'top',
			data : [ '互联网', '卫星', 'ATG', '3G', '地面', ],
			textStyle : {
				color : '#666',
				fontWeight : 'bolder',
				fontSize : 10,
				fontFamily : 'Helvetica, Hiragino Sans GB, Microsoft Yahei, 微软雅黑, Arial, sans-serif'
			}
		},
		calculable : true,
		grid : {
			y : 25,
			y2 : 30,
			x : 50,
			x2 : 25
		},
		xAxis : [ {
			position : 'bottom',
			type : 'category',
			boundaryGap : false,
			axisLabel : {
				textStyle : {
					color : '#666',
					fontSize : 4
				}
			}
		} ],
		yAxis : [ {
			type : 'value',
			axisLabel : {
				formatter : '{value}MB',
				textStyle : {
					color : '#666',
					fontSize : 8
				}
			}
		} ],
		series : [ {
			name : '互联网',
			type : 'line',
			smooth : true,
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		}, {
			name : '卫星',
			type : 'line',
			smooth : true,
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		}, {
			name : 'ATG',
			type : 'line',
			smooth : true,
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		}, {
			name : '3G',
			type : 'line',
			smooth : true,
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		}, {
			name : '地面',
			type : 'line',
			smooth : true,
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		} ]
	};

	$.ajax({
		url : "/mainpage/loadFlow",
		async : true,
		success : function(data) {
			// x轴
			if (data != null) {
				MP_GL_FLOW.showLoading();
				var tmp = data.THREE != undefined ? data.THREE : [];
				if (tmp.length > 0) {
					MP_LASTUPDATE_TIME = tmp[0].create_time;

					var timeData = [];
					for (var i = tmp.length - 1; i >= 0; i--) {
						var xTime = tmp[i].create_time;
						xTime = xTime.toDate().format('hh:mm TT');
						timeData.push(xTime);
					}
					// console.log(timeData.length)
					if (timeData.length > 0) {
						option.xAxis[0].data = timeData;
					}
				}

				if (KUFLAG) {
					// 互联网流量
					var int = data.INTERNET;
					// console.log(JSON.stringify(int));
					var intData = [];
					for (var i = int.length - 1; i >= 0; i--) {
						var value = int[i].value;
						intData.push(value);
					}
					if (intData.length > 0) {
						option.series[0].data = intData;
					}

					// KU流量
					var ku = data.KU;
					var kuData = [];
					for (var i = ku.length - 1; i >= 0; i--) {
						var value = ku[i].value;
						kuData.push(value);
					}
					if (kuData.length > 0) {
						option.series[1].data = kuData;
					}

					// ATG流量
					var atg = data.ATG;
					var atgData = [];
					for (var i = atg.length - 1; i >= 0; i--) {
						var value = atg[i].value;
						atgData.push(value);
						// console.log(atg[i].create_time+' & '+value);
					}
					if (atgData.length > 0) {
						option.series[2].data = atgData;
					}
				}else{
					option.legend.data = [ '3G', '地面' ];
				}

				// 3G流量
				var three = data.THREE;
				var threeData = [];
				for (var i = three.length - 1; i >= 0; i--) {
					var value = three[i].value;
					threeData.push(value);
				}
				if (threeData.length > 0) {
					option.series[3].data = threeData;
				}
				// data.ew;

				// 地面流量
				var local = data.LOCAL;
				var localData = [];
				for (var i = local.length - 1; i >= 0; i--) {
					var value = local[i].value;
					localData.push(value);
				}
				if (localData.length > 0) {
					option.series[4].data = localData;
				}

			}

			MP_GL_FLOW.setOption(option, true);
			MP_GL_FLOW.hideLoading();

			setTimeout(MainPage_Flow.loadFlow, mp_refresh_time);
		},
		error : function(XMLHttpRequest, textStatus, errorThrown) {
			console.log('exception>>' + textStatus);
			setTimeout(MainPage_Flow.loadFlow, mp_refresh_time);
		}
	});

}

/*
 * MainPage_Flow.refreshData = function(){ $.ajax({ url : "/mainpage/loadFlow",
 * async : true, data:{ create_time : MP_LASTUPDATE_TIME } success :
 * function(data) { //互联网 if(data.INTERNET != null && data.INTERNET !=
 * undefined){ MP_LASTUPDATE_TIME } } }); }
 */

function testAddData() {
	// .addData
	var axisData = (new Date()).toLocaleTimeString().replace(/^\D*/, '');
	MP_GL_FLOW.addData([ [ 0, // 系列索引
	Math.round(Math.random() * 1000), // 新增数据
	false, // 新增数据是否从队列头部插入
	false, // 是否增加队列长度，false则自定删除原有数据，队头插入删队尾，队尾插入删队头
	axisData ] ]);

	// setTimeout(testAddData, 2000);
}
